.layout-order-box {
	padding-bottom: 175rpx;
}

.remind-box {
	background-color: #e4eaf4;
	padding: 20rpx 25rpx;
	border-radius: 15rpx;

	.title {
		font-size: 28rpx;
		color: #292b2e;
		font-weight: bold;
		margin-bottom: 20rpx;
	}

	.desc {
		font-size: 24rpx;
		color: #292b2e;
		line-height: 35rpx;
	}
}

.tab-box {
	padding: 35rpx 0;
	display: flex;
	align-items: center;

	.item {
		width: 175rpx;
		height: 55rpx;
		font-size: 28rpx;
		text-align: center;
		line-height: 55rpx;
		color: #292b2e;
		font-weight: bold;
		border-radius: 50px;
	}

	.on {
		background-color: #d33123;
		color: #fff;
	}
}

.address-box {
	position: relative;
	background-color: #fff;
	padding: 30rpx 25rpx 40rpx;
	border-radius: 15rpx;

	.address-content {
		display: flex;
		align-items: center;
		justify-content: space-between;

		.icon {
			min-width: 40rpx;
		}

		.have-address {
			.address {
				display: flex;
				align-items: center;
				font-size: 30rpx;
				margin-bottom: 8rpx;

				.mobile {
					margin-left: 20rpx;
				}
			}

			.street {
				font-size: 24rpx;
				color: #6e737d;
			}
		}

		.no-address {
			font-size: 32rpx;
			flex: 1;
			color: #292b2e;
		}
	}
}

.store-pickup-box {
	.pickup-box {
		position: relative;
	}
	.store-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #fff;
		border-radius: 15rpx;
		padding: 30rpx 25rpx 40rpx;
		.icon {
			min-width: 40rpx;
		}
		.no-store {
			font-size: 28rpx;
			color: #aaaaaa;
		}
		.store-address-box {
			.store-address {
				display: flex;
				align-items: center;
				font-size: 30rpx;
				margin-bottom: 8rpx;

				.mobile {
					margin-left: 20rpx;
				}
			}

			.street {
				font-size: 24rpx;
				color: #6e737d;
			}
		}

		.no-address {
			font-size: 32rpx;
			flex: 1;
			color: #292b2e;
		}
	}

	.user-box {
		padding: 25rpx;
		background-color: #fff;
		border-radius: 15rpx;
		margin-top: 30rpx;
		.user {
			display: flex;
			align-items: center;

			.lab {
				min-width: 70rpx;
				font-size: 27rpx;
			}

			.val {
				flex: 1;
			}
		}
	}
}

.goods-box {
	margin-top: 30rpx;
	border-radius: 15rpx;
	overflow: hidden;

	.item-goods {
		padding: 25rpx;
		background: #fff;
		margin-bottom: 1rpx;

		.price-msg {
			display: flex;
			align-items: center;
			justify-content: space-between;

			.price {
				color: #d33123;
				font-size: 32rpx;
				font-weight: bolder;

				.symbol {
					font-size: 20rpx;
				}
			}

			.buyCount {
				font-size: 24rpx;
				color: #6e737d;
			}
		}

		.promotion-box {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			padding-bottom: 10rpx;

			.promotion {
				margin-right: 10rpx;
				margin-bottom: 10rpx;
			}
		}

		.point-price {
			display: flex;
			align-items: center;
			margin-bottom: 10rpx;

			.lab {
				font-size: 24rpx;
				color: #aaa;
			}

			.val {
				font-size: 24rpx;
				color: #d33123;
			}
		}

		.total-point-price {
			display: flex;
			align-items: center;
			justify-content: space-between;

			.point,
			.give {
				display: flex;
				align-items: center;

				.lab {
					font-size: 24rpx;
					color: #aaa;
				}

				.val {
					font-size: 24rpx;
					color: #d33123;
				}
			}
		}
	}
}
.coupon-box{
	margin-top: 30rpx;
	border-radius: 15rpx;
	overflow: hidden;
	padding: 30rpx 25rpx;
	background-color: #fff;
	.title-box{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 20rpx;
		.title{
			font-size: 28rpx;
		}
		.desc{
			font-size: 22rpx;
			padding: 8rpx 15rpx;
			border-radius: 20px;
			background-color: #d33123;
			color: #fff;
		}
	}
	.list-box{
		.coupon-scroll{
			height: 160rpx;
			position: relative;
			white-space: nowrap;
			width: 100%;
		}
		.coupon-item{
			position: relative;
			display: inline-block;
			background:#f9f9f9;
			padding: 20rpx;
			margin-right: 20rpx;
			border-radius: 15rpx;
			max-width: 370rpx;
			.select{
				position: absolute;
				right: 0;
				top: 0; 
				width: 80rpx;
				height: 80rpx;
				&:before{
					display: block;
					content: "";
					position: absolute;
					right: 0;
					top: 0;
					border-top: 80rpx solid #eaeaea;
					border-left: 80rpx solid transparent;
				}
				.icon{
					position: absolute;
					right: 2rpx;
					top: 2rpx;
				}
			}
			.on{
				&:before{
					border-top: 80rpx solid #d33123;
				}
			}
			.name{
				font-size: 27rpx;
				margin-bottom: 15rpx; 
				max-width: 300rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap; 
			}
			.expression{
				font-size: 24rpx;
				color: #aaaaaa;
				margin-bottom: 15rpx;
				max-width: 300rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap; 
			}
			.time{
				font-size: 22rpx;
				color: #d33123;
			}
		}
	}
}
.invoice-point {
	margin-top: 30rpx;
	border-radius: 15rpx;
	overflow: hidden;

	.point-box {
		padding: 30rpx 25rpx;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #eee;

		.title-box {
			.tit {
				font-size: 28rpx;
			}

			.desc {
				font-size: 22rpx;
				color: #aaaaaa;
			}
		}
	}

	.invoice-box {
		padding: 30rpx 25rpx;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.tit {
			font-size: 28rpx;
		}
		.icon {
			display: flex;
			align-items: center;
			.desc {
				font-size: 24rpx;
				margin-right: 10rpx;
			}
		}
	}
}

.goods-price-box {
	padding: 0 25rpx 30rpx;
	margin-top: 30rpx;
	background-color: #fff;
	border-radius: 15rpx;

	.item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 30rpx;

		.lab {
			font-size: 28rpx;
			color: #6e737d;
		}

		.val {
			font-size: 28rpx;
			color: #000;
		}

		.price {
			color: #d33123;
		}
	}
}

.leave-msg {
	padding: 30rpx 25rpx;
	margin-top: 30rpx;
	background-color: #fff;
	border-radius: 15rpx;

	.tit {
		font-size: 28rpx;
		margin-bottom: 30rpx;
	}
}

.fixed-box {
	position: fixed;
	left: 0;
	bottom: 0;
	padding-bottom: calc(calc(env(safe-area-inset-bottom) / 2));
	background-color: #fff;
	width: 100%;
	box-shadow: 0 0 15rpx #eee;
	z-index: 9;
	.fixed-btn {
		padding: 20rpx;
		width: calc(100% - 40rpx);
	}
	.btn-box {
		margin: auto;
		width: 100%;
		background-color: #000;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 200px;
		overflow: hidden;

		.total-box {
			flex: 1;
			margin-left: 40rpx;
			margin-right: 20rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.total {
				font-size: 24rpx;
				color: #fff;
			}

			.price {
				font-size: 40rpx;
				color: #fff;

				.tit {
					font-size: 24rpx;
				}
			}
		}

		.btn {
			width: 240rpx;
			text-align: center;
			height: 90rpx;
			line-height: 90rpx;
			color: #fff;
			background-color: #d33123;
			font-size: 28rpx;
		}
	}
}

.address-line {
	position: absolute;
	background-image: url();
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 0 0 4.5px;
	height: 4.5px;
	width: 100%;
	bottom: 0;
	right: 0;
	left: 0;
}
